@layer utilities {
    .content-auto {
        content-visibility: auto;
    }
    .text-shadow {
        text-shadow: 0 2px 4px rgba(0,0,0,0.1);
    }
    .text-shadow-glow {
        text-shadow: 0 0 10px rgba(255, 215, 0, 0.7), 0 0 20px rgba(255, 215, 0, 0.5);
    }
    .bg-gradient-red {
        background: linear-gradient(135deg, #E63946 0%, #D62828 100%);
    }
    .bg-gradient-gold {
        background: linear-gradient(135deg, #FFD700 0%, #FDB813 100%);
    }
    .bg-gradient-tech {
        background: linear-gradient(135deg, #4CC9F0 0%, #4361EE 100%);
    }
    .bg-glass {
        background: rgba(255, 255, 255, 0.1);
        backdrop-filter: blur(10px);
        border: 1px solid rgba(255, 255, 255, 0.2);
    }
    .prize-item {
        @apply relative overflow-hidden rounded-lg transition-all duration-300 hover:shadow-lg;
    }
    .prize-item::before {
        content: '';
        @apply absolute top-0 left-0 w-full h-full bg-gradient-to-br from-primary/20 to-transparent opacity-0 transition-opacity duration-300;
    }
    .prize-item:hover::before {
        @apply opacity-100;
    }
    .confetti {
        @apply absolute w-3 h-3 rounded-full;
    }
    .particle {
        @apply absolute rounded-full opacity-3 animate-particle;
    }
    .lottery-glow {
        box-shadow:
                0 0 15px rgba(230, 57, 70, 0.5),
                0 0 30px rgba(255, 215, 0, 0.3),
                inset 0 0 10px rgba(255, 255, 255, 0.3);
    }
}
